<template>
  <div class="dashboard-editor-container">
    <!--<div class="my-system">
      <h4>我的系统</h4>
    </div>-->

<!--    <panel-group @handleSetLineChartData="handleSetLineChartData" />-->

    <div class="tip" style="margin-bottom: 180px">
      <span class="icon-lamp">&nbsp;</span>
    </div>
  </div>
</template>

<script>
// import PanelGroup from './components/PanelGroup'

const lineChartData = {
  newVisitis: {
    expectedData: [100, 120, 161, 134, 105, 160, 165],
    actualData: [120, 82, 91, 154, 162, 140, 145]
  },
  messages: {
    expectedData: [200, 192, 120, 144, 160, 130, 140],
    actualData: [180, 160, 151, 106, 145, 150, 130]
  },
  purchases: {
    expectedData: [80, 100, 121, 104, 105, 90, 100],
    actualData: [120, 90, 100, 138, 142, 130, 130]
  },
  shoppings: {
    expectedData: [130, 140, 141, 142, 145, 150, 160],
    actualData: [120, 82, 91, 154, 162, 140, 130]
  }
}

const usedLinkData = {
  newVisitis: {
    expectedData: [100, 120, 161, 134, 105, 160, 165],
    actualData: [120, 82, 91, 154, 162, 140, 145]
  },
  messages: {
    expectedData: [200, 192, 120, 144, 160, 130, 140],
    actualData: [180, 160, 151, 106, 145, 150, 130]
  },
  purchases: {
    expectedData: [80, 100, 121, 104, 105, 90, 100],
    actualData: [120, 90, 100, 138, 142, 130, 130]
  },
  shoppings: {
    expectedData: [130, 140, 141, 142, 145, 150, 160],
    actualData: [120, 82, 91, 154, 162, 140, 130]
  }
}
export default {
  name: 'DashboardAdmin',
  data() {
    return {
      dialogVisibleUppwd: false,
      lineChartData: lineChartData.newVisitis,
      usedLinkData: usedLinkData.newVisitis
    }
  },
  created() {
  },
  methods: {
    handleClose() {
      return false
    },
    closeFlag(e) {
      this.dialogVisibleUppwd = e
    },
    handleSetLineChartData(type) {
      this.lineChartData = lineChartData[type]
    },
    handleSetUsedLinkData(type) {
      this.usedLinkData = usedLinkData[type]
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  /*background-color: rgb(240, 242, 245);*/
  position: relative;

  .github-corner {
    position: absolute;
    top: 0px;
    border: 0;
    right: 0;
  }

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width:1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}

.my-system{color:#32537f;font-size:32px;text-align:center;position:relative;height:50px;line-height:50px;margin-bottom:10px;}
.my-system:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#3C6291;z-index:3;}
.my-system h4{margin:0;display:inline-block;background-color:#F4F9FF;position:relative;z-index:5;padding:0 50px;}
.my-system h4:before{content:'';background-color:#32537f;position:absolute;top:50%;left:0;width:5px;height:5px;display:inline-block;line-height:0;border-radius:50%;margin-top:-2.5px;}
.my-system h4:after{content:'';background-color:#32537f;position:absolute;top:50%;right:0;width:5px;height:5px;display:inline-block;line-height:0;border-radius:50%;margin-top:-2.5px;}

.tip{font-size:14px;color:#6b6b6b;}
.tip .icon-lamp{width:25px;height:30px;display:inline-block;background:url(../../../assets/images/lamp.png) no-repeat;background-size:100% 100%;vertical-align:middle;margin-right:5px;}

</style>
